<!DOCTYPE html>
<!--suppress ALL -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>扁平化风格的P2P投资理财网站静态模板下载_网站模板_js代码</title>
<meta name="keywords" content="扁平化,P2P,投资理财,模板下载" />
<meta name="description" content="扁平化风格的P2P投资理财网站静态模板下载，包括登录、注册、正文、列表等8个子页面，全套前端模板下载。" />
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- <link rel="stylesheet/less" type="text/css" href="css/style.less" /> -->
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/all.js"></script>
<!--[if IE 6]> 
<script src="./js/iepng.js" type="text/javascript"></script> 
<script type="text/javascript">
   EvPNG.fix('div, ul, img, li, input,span, p');
</script>
<![endif]-->
</head>
<body>
<!-- header start -->
<div id="app">


<div class="zscf_banner_wper">
	<div class="zscf_banner px1000">
		  <div class="zscf_box">
		  	   <p>累计成交：<strong>12亿2332万元</strong></p>
		  	   <p>运营时间：<strong>123天</strong></p>
		  	   <p><strong>24</strong>小时成功转让率<strong>12.12%</strong></p>
		  	   <a th:href="@{/invest.html}" class="btn btn1">立即投资</a><br>
		  	   <a rh:href="@{/register.html}" class="btn btn2">立即注册</a>
		  </div>
	</div>
</div>
<!-- end banner -->
<div class="zscf_con_wper pb30">
	<div class="zscf_con px1000">
	      <div class="zscf_block1 mt30 ">
	      	  <h2 class="zscf_block1_tit clearfix"><span class="fl"><strong>发标预告</strong>亿人财富,您的理财顾问专家</span><a th:href="@{/invest.html}" class="fr">查看更多>></a></h2>
	      	  <div class="clearfix clear">
		      	  <ul class="zscf_block1_text clearfix fl">
		      	  	   <li>
		      	  	   	   <span class="block1_libg01">已加入中兴财富</span>
		      	  	   	   <br>
		      	  	   	   <em><strong>{{users}}</strong>人</em>
		      	  	   </li>
		      	  	   <li>
		      	  	   	   <span class="block1_libg02">已加入中兴财富</span>
		      	  	   	   <br>
		      	  	   	   <em><strong>{{allmoney}}</strong>元</em>
		      	  	   </li>
		      	  	   <li>
		      	  	   	   <span class="block1_libg03">已加入中兴财富</span>
		      	  	   	   <br>
		      	  	   	   <em><strong>{{money}}</strong>元</em>
		      	  	   </li>
		      	  </ul>
		      	 <!-- end l -->
		      	  <div class="block1_r fl">
		      	  	  <h2 class="block1_r_tit clearfix"><span>网站公告</span><a href="javascript:void(0)">+</a></h2>
		      	  	  <ul>
		      	  	  	  <li><a th:href="@{/ketang.html}"><span>关于网贷</span><em>06-19</em></a></li>

		      	  	  </ul>
		      	  </div>
	      	  </div>
	      </div>

	      <!-- end block1 -->
	      <div class="zscf_block2 mt30 clearfix ">
	      	    <div class="zscf_block2_l fl" v-for="(p,index) in product":key="index">
	      	    	<div class="block2_biao clearfix">
	      	    	     <div class="clearfix">
		      	    	 <span class="fl">新手体验标       {{p.productname}}</span>
		      	    	 <div class="block2_biao_r fr">
		      	    	  	   <div class="tjxm_jindu ">
	  	      	     	    	   	     	 
	  	      	     	    	   	     	  <div class="press_wper fl">
	  	      	     	    	   	     	  	    <div class="press">
	  	      	     	    	   	     	  	    	  
	  	      	     	    	   	     	  	    </div>
	  	      	     	    	   	     	  </div>

	  	      	     	    	  </div>
		      	    	  </div>
		      	    	  </div>
		      	    	 <ul class="clearfix clear block2_biao_ul">
		      	    	 	 <li>起投资金：<em>2000元</em></li>
		      	    	 	 <li><img src="images/bao.png" alt="">年化利率：<strong>{{p.incomerate-1}}+1<i>%</i></strong>
		      	    	 	 </li>
		      	    	 	 <li>
		      	    	 	 	产品期限：<span>{{p.closedperiod}}</span>
		      	    	 	 </li>
		      	    	 	 <li>
		      	    	 	 	 <a href="javascript:void(0)" class="invest_btn" @click="gb(p.proid)">立即投资</a>
		      	    	 	 </li>
		      	    	 </ul>
	      	    	</div>

	      	    </div>
	      	    <!-- end left -->
	      	    <div class="zscf_block2_r fl">
	      	          <div class="block2_r_video">
	      	          	  <!-- <img src="images/video.png" alt=""> -->
	      	          	  <embed src="" type="" width="250px;" height="120px;">
	      	          </div>
	      	    	  <div class="block2_r_tip">1分钟让你了解中兴财富</div>
	      	    </div>
	      	    <!-- end right -->
	      </div>
         <!--  end block2 -->
         <div class="zscf_block3 mt30 ">
         	   <h2 class="block3_tit clearfix"><span class="block3_curspan">项目列表</span></h2>
         	  <div class="block3_pro_box clear">
         	  	    <div class="block3_prolist">

         	  	    	  <div class="block3_proone clearfix clear" v-for="(l,index) in LooseLabel":key="index">
         	  	    	  	   <span class="fl proone_left"><img src="images/xin.png" alt=""></span>
         	  	    	  	   <!--  -->
         	  	    	  	   <div class="fl proone_center">
         	  	    	  	   	    <div class="clearfix">
						      	    	 <span class="fl proone_center_span1">散标   {{l.projectnumber}}</span>
						      	    	 <div class="block2_biao_r fr">
						      	    	  	   <div class="tjxm_jindu ">
					  	      	     	    	   	     	 
					  	      	     	    	   	     	  <div class="press_wper fl">
					  	      	     	    	   	     	  	    <div class="press">
					  	      	     	    	   	     	  	    	  
					  	      	     	    	   	     	  	    </div>
					  	      	     	    	   	     	  </div>
					  	      	     	    	   	     	   <span class="fl">11%</span>
					  	      	     	    	  </div>
						      	    	  </div>
					      	    	 </div>
					      	    	  <ul class="clearfix proone_center_ul clear pt10">
					      	    	  	<li>预计年华收益:<span>{{(l.incomerate*36600).toFixed(2)}}%</span></li>
					      	    	  	<li>投资期限:<span>{{l.periods}}个月</span></li>
					      	    	  	<li>借款金额：<span>{{l.debtormoney}}元</span></li>
					      	    	  </ul>  
         	  	    	  	   </div>
         	  	    	  	   <!--  -->
         	  	    	  	   <a @click="gosize(l.labelid)" class="block3_btn fl">立即投资</a>
         	  	    	  </div>

         	  	    </div>
         	  </div>
         </div>
         <!-- end block4 -->
         <div class="zscf_block5 mt30 clearfix">
         	    <div class="zscf_block5_l fl mr20">
         	    	<h2 class="block3_tit clearfix block5_l_tit"><span class="block3_curspan news_span">行业动态</span></h2>
         	    	<div class="block5_box">

	         	    	<ul class="news_ul">
	         	    		<li><a th:href="@{/pro.html}">关于我们</a></li>
	         	    		<li><a th:href="@{/xinxi.html}">信息披露</a></li>
	         	    		<li><a th:href="@{/zhengshu.html}">荣誉证书</a></li>
	         	    		<li><a th:href="@{/anquan.html}">安全保护</a></li>
	         	    		<li><a th:href="@{/ketang.html}">网贷课堂</a></li>
	         	    	</ul>
	         	    </div>
         	    </div>
         	    <div class="zscf_block5_r fl">
         	    	 <h2 class="block5_r_tit clearfix"><span class="fl ">投资排行榜</span><em class="fr block5_r_tit_em"><a href="javascript:;" class="brt_acur">周排行</a><a href="javascript:;">月排行</a><a href="javascript:;">总排行</a></em></h2>
         	    	 <div class="rank_box">
         	    	 	  <div class="rank_list">
         	    	 	  	    <ul class="rank_list_ul">
         	    	 	  	    	 <li v-for="x in queryseven">
         	    	 	  	    	 	 <a href="">{{x.username}}</a>
         	    	 	  	    	 	 <span>  </span>
         	    	 	  	    	 	 <span> </span>
         	    	 	  	    	 	 <span>{{x.total}}</span>
         	    	 	  	    	 </li>
         	    	 	  	    </ul>
         	    	 	  </div>
         	    	 	  <!-- end --> 
         	    	 	  <div class="rank_list" style="display:none;">
							  <ul class="rank_list_ul">
								  <li v-for="x in queryseven1">
									  <a href="">{{x.username}}</a>
									  <span>  </span>
									  <span> </span>
									  <span>{{x.total}}</span>
								  </li>
							  </ul>
         	    	 	  </div>
         	    	 	  <!-- end -->
         	    	 	   <div class="rank_list" style="display:none;">
							   <ul class="rank_list_ul">
								   <li v-for="x in queryseven2">
									   <a href="">{{x.username}}</a>
									   <span>  </span>
									   <span> </span>
									   <span>{{x.total}}</span>
								   </li>
							   </ul>
         	    	 	  </div>
         	    	 	  <!-- end -->
         	    	 </div>
         	    </div>
         </div>
         <!-- end block5 -->
         <div class="zscf_partner mt30">
         	 <h2 class="block3_tit clearfix "><span class="block3_curspan">合作伙伴</span></h2>
         	 <div class="partner_con">
         	      <div id="demo">
					<div id="indemo">
					<div id="demo1">
					<img th:src="@{/images/ifri01.png}" border="0" />
					<img th:src="@{/images/0.jpg}" style="width: 151px;height: 47px" border="0" />
					<img th:src="@{/images/1.jpg}" style="width: 151px;height: 47px" border="0" />
					<img th:src="@{/images/3.png}" style="width: 151px;height: 47px" border="0" />
					<img th:src="@{/images/4.jpg}" style="width: 151px;height: 47px" border="0" />
					<img th:src="@{/images/5.jpg}" style="width: 151px;height: 47px" border="0" />
					</div>
					<div id="demo2"></div>
					</div>
					</div>
               <script>
				<!--
				var speed=10;
				var tab=document.getElementById("demo");
				var tab1=document.getElementById("demo1");
				var tab2=document.getElementById("demo2");
				tab2.innerHTML=tab1.innerHTML;
				function Marquee(){
				if(tab2.offsetWidth-tab.scrollLeft<=0)
				tab.scrollLeft-=tab1.offsetWidth
				else{
				tab.scrollLeft++;
				}
				}
				var MyMar=setInterval(Marquee,speed);
				tab.onmouseover=function() {clearInterval(MyMar)};
				tab.onmouseout=function()  {MyMar=setInterval(Marquee,speed)};
				-->
				</script>

          	 </div>
         </div>
	</div>
</div>

</div>

<script th:src="@{/js/vue.js}"></script>
<script th:src="@{/js/jquery-1.7.2.min.js}"></script>
<script>
	$(function(){
		vue.queryall()
	})
	let vue = new Vue({
		el: "#app",
		data: {
			allmoney:0,
			money:0,
			users:0,
			product:[],
			LooseLabel:[],
			queryseven:[],
			queryseven1:[],
			queryseven2:[],
		},
		methods: {
			queryall(){
				$.ajax({
					url: "[[@{/indexweb/queryall}]]",
					type: "post",
					dataType: "json",
					success: function (data) {
						vue.allmoney=data.data.allmoney;
						vue.money=data.data.money;
						vue.users=data.data.users;
						vue.product=data.data.product;
						vue.LooseLabel=data.data.LooseLabel;
						vue.queryseven=data.data.queryseven;
						vue.queryseven1=data.data.queryseven1;
						vue.queryseven2=data.data.queryseven2;
					}
				})
			},
			gb(id){
				let url="[[@{/generate2/we.html?id=}]]";
				url+=id;
				window.location.href=url;
			},
			gosize(id){
				url="[[@{/LooseLabelWEB/queryOne/}]]"+id;
				window.location=url;
			}
		},
	})
</script>
</body>
</html>